import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css'

import { BrowserRouter,HashRouter, Routes,Route } from 'react-router-dom'

// 学习 文档：http://www.reactrouter.cn/docs/getting-started/tutorial
function ReactDom(){
  return<>
    <h2>欢迎学习react课程</h2>
  </>
}

ReactDOM.createRoot(document.getElementById('root')!).render(
  // 1.histoty路由  使用/react即可访问页面
  <BrowserRouter>
    <Routes>
      <Route path="/" element={ <App />}></Route>
      <Route path="/react" element={ <ReactDom />}></Route>
    </Routes>
  </BrowserRouter>

  //2.使用哈希路由 如果要访问： 必须输入/#/react  才可以进入
  // <HashRouter>
  //   <Routes>
  //     <Route path="/" element={ <App />}></Route>
  //     <Route path="/react" element={ <ReactDom />}></Route>
  //   </Routes>
  // </HashRouter>
)
